<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
		body,ul,li{
			margin: 0;
		    padding: 0;
		   
		}
		.member  ul{
			float:left;
			padding:15px 30px;
			line-height:55px;
			background: gray;
		    list-style: none;
			}
		       a{
			   width: 30px;
			   height: 30px;
			   color: #fff;
				text-decoration: none;
				font-size: 16px;
			}
		.member ul li b{
			border: 1px solid yellow;
			border-radius:39px;
			padding: 20px;
			background:orange;
		}
	     b{
	     	border: 1px solid yellow;
	     	border-radius:39px;
			padding: 20px 35px;
	     }
		.member ul a:hover{
            	color:red;
            }
		</style>
	</head>
	<body>
		<div class="member">	
			
				<ul><a href="#" ><img src="../img/logo.png"alt =""width="30px"height="28px"/></a></ul>
				<ul><a href="#" >功能特权</a></ul>
				<ul><a href="#" >游戏特权</a></ul>
				<ul><a href="#" >生活特权</a></ul>
				<ul><a href="#" >会员活动</a></ul>
				<ul><a href="#" >成长体系</a></ul>
				<ul><a href="#" >年费专区</a></ul>
				<ul><a href="#" >超级会员</a></ul>				
				<ul><a href="#" ><b>登录</b></a> </ul>
				</ul>
				<ul>
			    <li><a href="#" ><b>开通超级会员</b></a></li></ul>
		</div>
	</body>
</html>
